<template>
  <div class="w-full h-full bg-white px-10px flex flex-col items-center justify-center">
    <div class="flex items-center">
      <a-avatar size="large">
        <template #icon>
          <UserOutlined />
        </template>
      </a-avatar>
      <div class="flex-1 ml-12px">
        <div class="flex flex-1">
          <span>{{ seekerBO?.name }}</span>
          <a-tag class="float-right !ml-auto" color="orange">未实名</a-tag>
        </div>
        <div class="mt-4px text-14px" v-html="tags"></div>
      </div>
    </div>
    <div class="flex justify-center mt-12px items-center">
      <div class="flex flex-col justify-center items-center flex-1">
        <span class="text-#1890ff text-24px"> 0 </span>
        <span class="text-12px mt-6px whitespace-nowrap">我的投递</span>
      </div>
      <a-divider type="vertical" class="h-20px!"></a-divider>
      <div class="flex flex-col justify-center items-center flex-1">
        <span class="text-#1890ff text-24px"> 0 </span>
        <span class="text-12px mt-6px whitespace-nowrap">面试邀请</span>
      </div>
      <a-divider type="vertical" class="h-20px!"></a-divider>
      <div class="flex flex-col justify-center items-center flex-1">
        <span class="text-#1890ff text-24px"> 0 </span>
        <span class="text-12px mt-6px whitespace-nowrap">感兴趣</span>
      </div>
    </div>
    <div
      class="w-full mt-12px bg-#ffe7e7 px-6px py-4px flex items-center justify-between rounded-6px"
      v-if="!completeOnlineFlag"
    >
      <span class="text-12px text-#ae0101">避免影响求职，请尽快完善信息!</span>
      <a type="link" class="text-#666 text-12px" @click="onChuli">立即处理</a>
    </div>
    <div
      class="w-full h-34px bg-#ebf1ff rounded-6px text-center lh-34px text-#024dff text-14px cursor-pointer mt-12px"
      @click="router.push('/resume?key=zaixianjianli')"
    >
      在线简历
    </div>
    <div
      v-if="fileResumeFlag"
      @click="router.push('/resume?key=fujianjianli')"
      class="w-full h-34px bg-#ebf1ff rounded-6px text-center lh-34px text-#024dff text-14px cursor-pointer mt-12px"
    >
      附件简历
    </div>
  </div>
</template>

<script lang="ts" setup>
import { UserOutlined } from '@ant-design/icons-vue';
const userStore = useUserStore();
const seekerBO = computed(() => {
  return userStore.userDetail?.seekerBO;
});
const tags = computed(() => {
  return ['30岁', '6年', '初中及以下'].filter((t) => t).join('&nbsp;|&nbsp;');
});
const router = useRouter();
const fileResumeFlag = computed(() => {
  return userStore.userDetail.fileResumeFlag;
});
const completeOnlineFlag = computed(() => {
  return userStore.userDetail.completeOnlineFlag;
});
function onChuli() {
  router.push('/resume');
}
</script>
